import React from "react";
import {
  PageContainer,
} from '@ant-design/pro-components';
import Left from './left'
import Center from './center'
import Right from './right'
import {Button, Dropdown} from "antd";
import type { MenuProps } from 'antd';
import Test from  './test'


const items: any = [
  {
    key: '1',
    label: '1st menu item',
  },
  {
    key: '2',
    label: '2st menu item',
  },
  {
    key: '3',
    label: '3st menu item',
  },
];

const Index: React.FC = () => {
  return (
    <PageContainer>
      <div>
        <Button style={{marginLeft: '6px'}}>查看</Button>
        <Button style={{marginLeft: '6px'}}>新增</Button>
        <Button style={{marginLeft: '6px'}}>删除</Button>
        <Button style={{marginLeft: '6px'}}>保存</Button>

        <Button style={{marginLeft: '6px'}}>上一个</Button>
        <Button style={{marginLeft: '6px'}}>下一个</Button>
        <Button style={{marginLeft: '6px'}}>打印</Button>
        <Button style={{marginLeft: '6px'}}>审核</Button>
        <Button style={{marginLeft: '6px', marginRight: '6px'}}>核收</Button>
        <Test />
      </div>
      <div style={{display: 'flex',marginTop: '4px'}}>
        <div style={{flex: '90px',height: 'calc(100vh - 180px)',overflow: 'auto'}}>
          <Left />
        </div>
        <div style={{flex: '300px',height: 'calc(100vh - 180px)',overflow: 'auto'}}>
          <Center />
        </div>
        <div style={{flex: '400px',height: 'calc(100vh - 180px)',overflow: 'auto'}}>
          <Right />
        </div>
      </div>
    </PageContainer>
  )
}

export default Index;
